// utils/rem.js

export const initRem = () => {
  function updateRootFontSize() {
    const baseSize = 20; // 基础字体大小（px）
    const designWidth = 1920; // 设计稿宽度（例如以1920 为基准）
    const deviceRatio = window.devicePixelRatio || 1;
    const viewportWidth = window.innerWidth;

    // 根据视口宽度缩放，并考虑设备像素比
    let fontSize = (viewportWidth / designWidth) * baseSize * deviceRatio;

    // 设置最大和最小字体限制，避免极端设备导致字体过大或过小
    fontSize = Math.min(Math.max(fontSize, 12), 24);

    document.documentElement.style.fontSize = `${fontSize}px`;
  }

  // 初始化 + 监听窗口变化
  window.addEventListener("resize", updateRootFontSize);
  updateRootFontSize();
};
